<template>
  <el-dialog
    title="评论详情"
    :visible.sync="visible"
    width="600px"
    :before-close="
      () => {
        $emit('close');
      }
    "
  >
    <div v-if="Object.keys(comment).length">
      <div v-if="comment">评论内容：{{ comment.evaluate_info }}</div>
      <div v-if="comment.evaluate_add">追评：{{ comment.evaluate_add }}</div>
      <div>
        <img
          v-for="item in comment.links"
          class="comment-img"
          :src="item"
          alt=""
        />
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: ["visible", "comment"],
  data() {
    return {};
  },
  watch: {
    visible: function(val) {
      if (val) {
      } else {
      }
    }
  },
  methods: {},
  created() {}
};
</script>

<style lang="scss" scoped>
.comment-img {
  width: 120px;
  height: 120px;
  margin: 5px;
}
</style>
